<!DOCTYPE html>

<html>
	<head>
	    <meta charset="utf-8">
		
		<!-- Font weight: light (300) & semibold (600) -->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:600,300' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/default.css"/>
		<link rel="stylesheet" href="css/tabs.css"/>
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
		
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.10.2.custom.min.js"></script>
		<script type="text/javascript" src="js/actions.js"></script>
		
		<title>Scrum</title>		
	</head>
	
	<body>
	
		<span id="username">gkolenc</span>
		<span id="separator">|</span>
		<span id="role"><a href="edit_profile.html">edit</a></span>
		
		<h1>Scrum</h1>
		
		<menu>
			<li><a class="active" href="control_panel.html">control<span>Panel</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="project_wall.html">project<span>Wall</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="product_backlog.html">product<span>Backlog</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="sprint_backlog.html">sprint<span>Backlog</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="my_tasks.html">my<span>Tasks</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="progress.html">progress<span>Reports</span></a>&nbsp;&nbsp;|&nbsp;</li>
			<li><a href="login.html">logout</a></li>
		</menu>
		
		<section>
		
			<ul id="tabs">
				<li><h2><a href="#" name="all_users">all<span>Users</span></a></h2></li>
				<li><h2><a href="#" name="add_user">add<span>User</span></a></h2></li>
				<li><h2><a href="#" name="al_proj">all<span>Projects</span></a></h2></li>
				<li><h2><a href="#" name="add_proj">add<span>Project</span></a></h2></li>
			</ul>
			
			<div id="tab_content">
			
				<!--===========-->
				<!-- All users -->
				<!--===========-->
			
				<div id="all_users" class="bracket bracket_height">
					
					<div class="project">
						<input type="hidden" name="user_id" value="1" />
						<div class="right">|&nbsp;<a href="#" class="edit">edit</a>&nbsp;•&nbsp;<a href="#" class="delete">delete</a></div>
						<div class="left"><h4>gkolenc</h4>, kolenc.gasper@gmail.com</div>
					</div>
					<div class="project_editing">
						<p class="alert_string">This username already exists!</p>
						<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
						
						<form method="post" class="editing_form">
							<input type="text" name="username" placeholder="username" value="gkolenc" required="required" /> <br/>
							<input type="text" name="first_name" placeholder="first name" value="Gasper" required="required" /> <br/>
							<input type="text" name="last_name" placeholder="last name" value="Kolenc" required="required" /> <br/>
							<input type="email" name="email" placeholder="e-mail" value="kolenc.gasper@gmail.com" required="required" /> <br/>
							<div class="styled_select editing_select">
								<select>
									<option value="" disabled>role</option>
									<option value="admin" selected>administrator</option>
									<option value="user">normal user</option>
								</select>
							</div>
							<input type="password" name="password" placeholder="password" required="required" />
							<input type="password" name="password_confirm" placeholder="confirm password" required="required" /> <br/>
							<button type="submit" class="edit_user">confirm</button>
							<button type="button" class="right_button">cancel</button>
						</form>
					</div>
					<div class="project_deleting">
						<button type="button" class="delete_user">delete</button>
						<button type="button" class="right_button">cancel</button>
					</div>
					
					
					<div class="project">
						<input type="hidden" name="user_id" value="2" />
						<div class="right">|&nbsp;<a href="#" class="edit">edit</a>&nbsp;•&nbsp;<a href="#" class="delete">delete</a></div>
						<div class="left"><h4>gurh</h4>, urh.gasper@gmail.com</div>
					</div>
					<div class="project_editing">
						<p class="alert_string">This username already exists!</p>
						<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
						
						<form method="post" class="editing_form">
							<input type="text" name="username" placeholder="username" value="gurh" required="required" /> <br/>
							<input type="text" name="first_name" placeholder="first name" value="Gasper" required="required" /> <br/>
							<input type="text" name="last_name" placeholder="last name" value="Urh" required="required" /> <br/>
							<input type="email" name="email" placeholder="e-mail" value="urh.gasper@gmail.com" required="required" /> <br/>
							<div class="styled_select editing_select">
								<select>
									<option value="" disabled>role</option>
									<option value="admin">administrator</option>
									<option value="user" selected>normal user</option>
								</select>
							</div>
							<input type="password" name="password" placeholder="password" required="required" />
							<input type="password" name="password_confirm" placeholder="confirm password" required="required" /> <br/>
							<button type="submit" class="edit_user">confirm</button>
							<button type="button" class="right_button">cancel</button>
						</form>
					</div>
					<div class="project_deleting">
						<button type="button" class="delete_user">delete</button>
						<button type="button" class="right_button">cancel</button>
					</div>
					
				</div>
				
				<!--==========-->
				<!-- Add user -->
				<!--==========-->
				
				<div id="add_user" class="bracket">
					<p class="alert_string">This username already exists!</p>
					<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
					
					<form id="add_user_form" method="post">
						<input type="text" name="username" placeholder="username" required="required" /> <br/>
						<input type="text" name="first_name" placeholder="first name" required="required" /> <br/>
						<input type="text" name="last_name" placeholder="last name" required="required" /> <br/>
						<input type="email" name="email" placeholder="e-mail" required="required" /> <br/>
						<div class="styled_select">
							<select>
								<option value="" disabled selected>role</option>
								<option value="admin">administrator</option>
								<option value="user">normal user</option>
							</select>
						</div>
						<input type="password" name="password" placeholder="password" required="required" />
						<input type="password" name="password_confirm" placeholder="confirm password" required="required" /> <br/>
						<input id="add_user_submit" type="submit" name="submit" value="register" formaction="#" />
					</form>
				</div>
				
				<!--==============-->
				<!-- All projects -->
				<!--==============-->
				
				<div id="al_proj" class="bracket bracket_height">
				
					<div class="project">
						<input type="hidden" name="project_id" value="1" />
						<div class="right">|&nbsp;<a href="#" class="select_proj">select</a>&nbsp;•&nbsp;<a href="#" class="edit">edit</a>&nbsp;•&nbsp;<a href="#" class="delete">delete</a></div>
						<div class="left"><h4>project scrum</h4>, gkolenc</div>
					</div>
					<div class="project_editing">
						<p class="alert_string">This project name already exists!</p>
						<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
						
						<form method="post" class="editing_form">
							<input type="text" name="name" placeholder="project name" value="project scrum" required="required" /> <br/>
							<textarea name="description" placeholder="description..." value="To je nek zacasen opis tega projekta" required="required"></textarea>
							<div class="styled_select editing_select">
								<select>
									<option value="" disabled>project owner</option>
									<option value="1" selected>gkolenc</option>
									<option value="2">gurh</option>
									<option value="3">akunovar</option>
									<option value="4">dkalanj</option>
								</select>
							</div>
							<div class="styled_select editing_select">
								<select>
									<option value="" disabled>scrum master</option>
									<option value="1">gkolenc</option>
									<option value="2" selected>gurh</option>
									<option value="3">akunovar</option>
									<option value="4">dkalanj</option>
								</select>
							</div>
							<div class="checkbox_container edit_checkbox">
								<label><input type="checkbox" name="vehicle" value="Bike" checked>gkolenc</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike">gurh</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike" checked>akunovar</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike">dkalanj</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike">gkolenc</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike">gurh</label><br/>
							</div>
							<button type="submit" class="edit_project">confirm</button>
							<button type="button" class="right_button">cancel</button>
						</form>
					</div>
					<div class="project_deleting">
						<button type="button" class="delete_project">delete</button>
						<button type="button" class="right_button">cancel</button>
					</div>
					
					
					<div class="project">
						<input type="hidden" name="project_id" value="2" />
						<div class="right">|&nbsp;<a href="#" class="select_proj active">selected</a>&nbsp;•&nbsp;<a href="#" class="edit">view</a>&nbsp;•&nbsp;<a href="#" class="delete">delete</a></div>
						<div class="left"><h4>project e-narocanje</h4>, gurh</div>
					</div>
					<div class="project_editing">
						<p class="alert_string hidden">This project name already exists!</p>
						<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
						
						<form method="post" class="editing_form">
							<input disabled type="text" name="name" placeholder="project name" value="project e-narocanje" required="required" /> <br/>
							<textarea disabled name="description" placeholder="description..." value="To je nek zacasen opis tega projekta" required="required"></textarea>
							<div class="styled_select editing_select">
								<select disabled>
									<option value="" disabled>project owner</option>
									<option value="1">gkolenc</option>
									<option value="2" selected>gurh</option>
									<option value="3">akunovar</option>
									<option value="4">dkalanj</option>
								</select>
							</div>
							<div class="styled_select editing_select">
								<select disabled>
									<option value="" disabled>scrum master</option>
									<option value="1">gkolenc</option>
									<option value="2" selected>gurh</option>
									<option value="3">akunovar</option>
									<option value="4">dkalanj</option>
								</select>
							</div>
							<div class="checkbox_container edit_checkbox">
								<label><input disabled type="checkbox" name="vehicle" value="Bike">gkolenc</label><br/>
								<label><input disabled type="checkbox" name="vehicle" value="Bike" checked>gurh</label><br/>
								<label><input disabled type="checkbox" name="vehicle" value="Bike" checked>akunovar</label><br/>
								<label><input disabled type="checkbox" name="vehicle" value="Bike">dkalanj</label><br/>
								<label><input disabled type="checkbox" name="vehicle" value="Bike">gkolenc</label><br/>
								<label><input disabled type="checkbox" name="vehicle" value="Bike">gurh</label><br/>
							</div>
							<button type="button" class="right_button">cancel</button>
						</form>
					</div>
					
					
					<div class="project">
						<input type="hidden" name="project_id" value="3" />
						<div class="right">|&nbsp;<a href="#" class="select_proj">select</a>&nbsp;•&nbsp;<a href="#" class="edit">edit</a>&nbsp;•&nbsp;<a href="#" class="delete">delete</a></div>
						<div class="left"><h4>project fuckoff</h4>, gurh</div>
					</div>
					<div class="project_editing">
						<p class="alert_string">This project name already exists!</p>
						<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
						
						<form method="post" class="editing_form">
							<input type="text" name="name" placeholder="project name" value="project fuckoff" required="required" /> <br/>
							<textarea name="description" placeholder="description..." value="To je nek zacasen opis tega projekta" required="required"></textarea>
							<div class="styled_select editing_select">
								<select>
									<option value="" disabled>project owner</option>
									<option value="1">gkolenc</option>
									<option value="2" selected>gurh</option>
									<option value="3">akunovar</option>
									<option value="4">dkalanj</option>
								</select>
							</div>
							<div class="styled_select editing_select">
								<select>
									<option value="" disabled>scrum master</option>
									<option value="1">gkolenc</option>
									<option value="2" selected>gurh</option>
									<option value="3">akunovar</option>
									<option value="4">dkalanj</option>
								</select>
							</div>
							<div class="checkbox_container edit_checkbox">
								<label><input type="checkbox" name="vehicle" value="Bike">gkolenc</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike" checked>gurh</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike" checked>akunovar</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike">dkalanj</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike">gkolenc</label><br/>
								<label><input type="checkbox" name="vehicle" value="Bike">gurh</label><br/>
							</div>
							<button type="submit" class="edit_project">confirm</button>
							<button type="button" class="right_button">cancel</button>
						</form>
					</div>
					<div class="project_deleting">
						<button type="button" class="delete_project">delete</button>
						<button type="button" class="right_button">cancel</button>
					</div>
					
				</div>
				
				<!--=============-->
				<!-- Add project -->
				<!--=============-->
				
				<div id="add_proj" class="bracket">
					<p class="alert_string">This project name already exists!</p>
					<!-- Ce ni obvestila se doda razred hidden: class="alert_string hidden" -->
					
					<form id="add_project_form" method="post">
						<input type="text" name="name" placeholder="project name" required="required" /><br/>
						<textarea name="description" placeholder="description..." required="required"></textarea>
						<div class="styled_select">
							<select>
								<option value="" disabled selected>project owner</option>
								<option value="1">gkolenc</option>
								<option value="2">gurh</option>
								<option value="3">akunovar</option>
								<option value="4">dkalanj</option>
								<option value="5">gurh</option>
								<option value="6">akunovar</option>
								<option value="7">dkalanj</option>
							</select>
						</div>
						<div class="styled_select">
							<select>
								<option value="" disabled selected>scrum master</option>
								<option value="1">gkolenc</option>
								<option value="2">gurh</option>
								<option value="3">akunovar</option>
								<option value="4">dkalanj</option>
								<option value="5">gurh</option>
								<option value="6">akunovar</option>
								<option value="7">dkalanj</option>
							</select>
						</div>
						<div class="checkbox_container">
							<label><input type="checkbox" name="vehicle" value="Bike">gkolenc</label><br/>
							<label><input type="checkbox" name="vehicle" value="Bike">gurh</label><br/>
							<label><input type="checkbox" name="vehicle" value="Bike">akunovar</label><br/>
							<label><input type="checkbox" name="vehicle" value="Bike">dkalanj</label><br/>
							<label><input type="checkbox" name="vehicle" value="Bike">gkolenc</label><br/>
							<label><input type="checkbox" name="vehicle" value="Bike">gurh</label><br/>
						</div>
						<input id="add_project_submit" type="submit" name="submit" value="create" formaction="#" />
					</form>
				</div>
			</div>
		
		</section>
		
	</body>
</html>